<%@ Page Language="C#" Debug="true" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register assembly="DayPilot" namespace="DayPilot.Web.Ui" tagprefix="DayPilot" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<title>Admin</title>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
	<!-- Import jQuery and SimpleModal source files -->
	<link rel="stylesheet" href="css/ui.all.css" type="text/css" media="screen" />
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js"></script>

    <script src='js/jquery.simplemodal.js' type='text/javascript'></script>
    
    <!-- Contact Form JS and CSS files -->
    <script src='js/basic.js' type='text/javascript'></script>
    <link type='text/css' href='css/basic.css' rel='stylesheet' media='screen' />
    <link type='text/css' href='css/all.css' rel='stylesheet' media='screen' />
    <link rel="stylesheet" media="screen" href="css/ui.timepickr.css" type="text/css" />
     <link title="theme" type="text/css" href="http://ui.jquery.com/applications/themeroller/css/jquery-ui-base.css.php?ctl=themeroller&amp;=" media="screen" rel="Stylesheet" id="themeCSS" />
     <script type="text/javascript" src="js/jquery.ui.all.js"></script>
     <script type="text/javascript" src="js/jquery.timepickr.js"></script>
    <script type="text/javascript">
        $(function() {
            $('#timestart').timepickr();
        });
  </script>
</head>
<body>
    <form id="form1" runat="server">
<div id="main">
	<div id="header">
		&nbsp;<ul id="top-navigation">
			<li class="active"><span><span>Homepage</span></span></li>
			<li><span><span><a href="#">Contact</a></span></span></li>
			<li><span><span><a href="#">Billing</a></span></span></li>
		</ul>
		<a href="index.html" class="logo"><img src="img/logo.png" width="170" alt="" 
            style="padding-left:795px;"/></a></div>
	<div id="middle">
		<div id="left-column">
			<h3>On-Call Schedule</h3>
            <ul class ="nav">
				<li>
                    <asp:Label ID="Label2" runat="server" Text="Create New Event:"></asp:Label>
                </li>
                <li>
                    <asp:Label ID="Label3" runat="server" Text="Date:"></asp:Label>
                    <input id="date" type="textbox"/>
                 </li>
                 <li>
                    <script type="text/javascript">
                        $(document).ready(function() {
                            $("#date").datepicker({ showOn: 'button', buttonText: "select"});
                        });
                    </script>
                </li>
                <li class>
                    <asp:Label ID="Label5" runat="server" Text="Start Time:"></asp:Label>
                </li>
                <input id="timestart" type="text" value="09:00" />
                <li class>
                
                </li>
                <li class>
                    
                </li>
                &nbsp;<asp:DropDownList ID="DropDownList1" runat="server" 
                        onselectedindexchanged="DropDownList1_SelectedIndexChanged">
                        <asp:ListItem>1</asp:ListItem>
                        <asp:ListItem>2</asp:ListItem>
                        <asp:ListItem>3</asp:ListItem>
                        <asp:ListItem>4</asp:ListItem>
                        <asp:ListItem>5</asp:ListItem>
                        <asp:ListItem>6</asp:ListItem>
                        <asp:ListItem>7</asp:ListItem>
                        <asp:ListItem>8</asp:ListItem>
                        <asp:ListItem>9</asp:ListItem>
                        <asp:ListItem>10</asp:ListItem>
                        <asp:ListItem>11</asp:ListItem>
                        <asp:ListItem>12</asp:ListItem>
                    </asp:DropDownList>
                    <asp:DropDownList ID="DropDownList2" runat="server"
                    onselectedindexchanged="DropDownList1_SelectedIndexChanged">
                        <asp:ListItem>00</asp:ListItem>
                        <asp:ListItem>15</asp:ListItem>
                        <asp:ListItem>30</asp:ListItem>
                        <asp:ListItem>45</asp:ListItem>
                    </asp:DropDownList>
                    <asp:DropDownList ID="DropDownList3" runat="server"
                    onselectedindexchanged="DropDownList1_SelectedIndexChanged">
                        <asp:ListItem>AM</asp:ListItem>
                        <asp:ListItem>PM</asp:ListItem>
                    </asp:DropDownList>
                <li>
                    <asp:Label ID="Label6" runat="server" Text="End Time:"></asp:Label>
                </li>
                <li>
                    <asp:DropDownList ID="DropDownList4" runat="server"
                    onselectedindexchanged="DropDownList1_SelectedIndexChanged">
                        <asp:ListItem>1</asp:ListItem>
                        <asp:ListItem>2</asp:ListItem>
                        <asp:ListItem>3</asp:ListItem>
                        <asp:ListItem>4</asp:ListItem>
                        <asp:ListItem>5</asp:ListItem>
                        <asp:ListItem>6</asp:ListItem>
                        <asp:ListItem>7</asp:ListItem>
                        <asp:ListItem>8</asp:ListItem>
                        <asp:ListItem>9</asp:ListItem>
                        <asp:ListItem>10</asp:ListItem>
                        <asp:ListItem>11</asp:ListItem>
                        <asp:ListItem>12</asp:ListItem>
                    </asp:DropDownList>
                    <asp:DropDownList ID="DropDownList5" runat="server"
                    onselectedindexchanged="DropDownList1_SelectedIndexChanged">
                        <asp:ListItem>00</asp:ListItem>
                        <asp:ListItem>15</asp:ListItem>
                        <asp:ListItem>30</asp:ListItem>
                        <asp:ListItem>45</asp:ListItem>
                    </asp:DropDownList>
                    <asp:DropDownList ID="DropDownList6" runat="server"
                    onselectedindexchanged="DropDownList1_SelectedIndexChanged">
                        <asp:ListItem>AM</asp:ListItem>
                        <asp:ListItem>PM</asp:ListItem>
                    </asp:DropDownList>
                </li>
                <li>
                    <asp:CheckBox ID="CheckBox1" runat="server" 
                        oncheckedchanged="CheckBox1_CheckedChanged1" Text="Recurring Event" />
                </li>
                <li>
                    
                        <input type='button' name='basic' value='Set Recurrence' class='basic demo'/></li>
                <li>
            <asp:DetailsView ID="DetailsView1" runat="server" 
                            AutoGenerateRows="False" CellPadding="4" DataSourceID="SqlDataSource1" 
                            DefaultMode="Insert" ForeColor="#333333" GridLines="None"
                            Width="125px" Visible="true" 
                        onpageindexchanging="DetailsView1_PageIndexChanging2">
                        <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
                        <CommandRowStyle BackColor="#E2DED6" Font-Bold="True" />
                        <RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
                        <FieldHeaderStyle BackColor="#E9ECF1" Font-Bold="True" />
                        <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
                        <Fields>
                            <asp:BoundField DataField="ScheduleID" HeaderText="ScheduleID" 
                                    SortExpression="ScheduleID" />
                            <asp:BoundField DataField=" GroupID" HeaderText=" GroupID" 
                                    SortExpression=" GroupID" />
                            <asp:BoundField DataField=" ClientID" HeaderText=" ClientID" 
                                    SortExpression=" ClientID" />
                            <asp:BoundField DataField=" StartTime" HeaderText=" StartTime" 
                                    SortExpression=" StartTime" />
                            <asp:BoundField DataField=" EndTime" HeaderText=" EndTime" 
                                    SortExpression=" EndTime" />
                            <asp:BoundField DataField=" Notes" HeaderText=" Notes" 
                                    SortExpression=" Notes" />
                            <asp:BoundField DataField=" Recurrence" HeaderText=" Recurrence" 
                                    SortExpression=" Recurrence" />
                            <asp:BoundField DataField=" EndRecurDate" HeaderText=" EndRecurDate" 
                                    SortExpression=" EndRecurDate" />
                            <asp:CommandField ShowInsertButton="True" />
                        </Fields>
                        <HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
                        <EditRowStyle BackColor="#999999" />
                        <AlternatingRowStyle BackColor="White" ForeColor="#284775" />
                    </asp:DetailsView>
                </li>
                <li>
                </li>
                <li class = "last">
                    <asp:Button ID="Button2" runat="server" onclick="Button2_Click" Text="Button" />
                    <br />
                    <br />
                    <br /></li>
				
			</ul>
			<a href="Location.aspx" class="link">Location<a href="Temp.aspx" class="link">Temp. Instructions</a>
            
            <asp:SqlDataSource ID="SqlDataSource1" runat="server" 
                ConnectionString="<%$ ConnectionStrings:OnCallConnectionString2 %>" 
                SelectCommand="SELECT * FROM [data] ORDER BY [ StartTime]" 
                InsertCommand="INSERT INTO data(ScheduleID, [ GroupID], [ ClientID], [ StartTime], [ EndTime], [ Notes], [ Recurrence], [ EndRecurDate]) VALUES (ScheduleID, [ GroupID], [ ClientID], [ StartTime], [ EndTime], [ Notes], [ Recurrence], [ EndRecurDate])" 
                onselecting="SqlDataSource1_Selecting"></asp:SqlDataSource>
		</div>
		<div id="center-column">
			<div class="top-bar">
				<h1>&nbsp;On-Call Schedule
			</div><br />
		  <div class="select-bar">
              <table style="width:100%;">
                  <tr>
                  <td>
                        &nbsp;&nbsp;
                        <a href="#">
                            <asp:Calendar ID="Calendar1" runat="server" onselectionchanged="MonthCalendar_SelectionChanged" 
                                SelectedDate="06/24/2009 13:33:56" style="text-align: left">
                            </asp:Calendar>
                        </a>
                      </td>
                      <td class="style1">
                      <p>&nbsp;&nbsp; <span class="style2">On-Call View Options </span>
                        <asp:RadioButtonList ID="ViewChoice" runat="server" 
                                AutoPostBack="True" 
                                onselectedindexchanged="ViewChoice_SelectedIndexChanged">
                            <asp:ListItem>Day</asp:ListItem>
                            <asp:ListItem Selected="True" Value="5-Day Week">5-Day Week</asp:ListItem>
                            <asp:ListItem>7-Day Week</asp:ListItem>
                        </asp:RadioButtonList>
                          </p>
                          <p>
                              <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                              <asp:Button ID="Button1" runat="server" onclick="Button1_Click" 
                                  Text="Search ClientID" />
                          </p>
                      </td>
                      
 
                  </tr>
                  
              </table>
              <br />
		  </div>
				<br />
				<asp:GridView ID="GridView1" runat="server" AllowPaging="True" 
                AllowSorting="True" AutoGenerateColumns="False" CellPadding="4" 
                DataSourceID="SqlDataSource1" ForeColor="#333333" GridLines="None" 
                onselectedindexchanged="GridView1_SelectedIndexChanged" 
                style="margin-left: 0px" Width="596px">
                    <RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
                    <Columns>
                        <asp:BoundField DataField="ScheduleID" HeaderText="ScheduleID" 
                            SortExpression="ScheduleID" />
                        <asp:BoundField DataField=" GroupID" HeaderText=" GroupID" 
                            SortExpression=" GroupID" />
                        <asp:BoundField DataField=" ClientID" HeaderText=" ClientID" 
                            SortExpression=" ClientID" />
                        <asp:BoundField DataField=" StartTime" HeaderText=" StartTime" 
                            SortExpression=" StartTime" />
                        <asp:BoundField DataField=" EndTime" HeaderText=" EndTime" 
                            SortExpression=" EndTime" />
                        <asp:BoundField DataField=" Notes" HeaderText=" Notes" 
                            SortExpression=" Notes" />
                        <asp:BoundField DataField=" Recurrence" HeaderText=" Recurrence" 
                            SortExpression=" Recurrence" />
                        <asp:BoundField DataField=" EndRecurDate" HeaderText=" EndRecurDate" 
                            SortExpression=" EndRecurDate" />
                    </Columns>
                    <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
                    <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
                    <SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
                    <HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" 
                        HorizontalAlign="Left" />
                    <EditRowStyle BackColor="#999999" />
                    <AlternatingRowStyle BackColor="White" ForeColor="#284775" />
            </asp:GridView>
            <br />
            <br />
				<DayPilot:DayPilotCalendar ID="OnCallCalendar" runat="server" 
                BusinessBeginsHour="0" BusinessEndsHour="24" Days="5" Width="600px" />
		  
		    <br />
            <br />
		  <div id="basicModalContent" style='display:none'>
	                
                    <asp:RadioButtonList ID="RadioButtonList1" runat="server" AutoPostBack="True" 
                        RepeatDirection="Horizontal">
                        <asp:ListItem>Daily</asp:ListItem>
                        <asp:ListItem>Weekly</asp:ListItem>
                        <asp:ListItem>Monthly</asp:ListItem>
                    </asp:RadioButtonList>
                
               
                    <asp:CheckBoxList ID="CheckBoxList1" runat="server" RepeatColumns="2">
                        <asp:ListItem>Monday</asp:ListItem>
                        <asp:ListItem>Tuesday</asp:ListItem>
                        <asp:ListItem>Wednesday</asp:ListItem>
                        <asp:ListItem>Thursday</asp:ListItem>
                        <asp:ListItem>Friday</asp:ListItem>
                        <asp:ListItem>Saturday</asp:ListItem>
                        <asp:ListItem>Sunday</asp:ListItem>
                    </asp:CheckBoxList>
               
                    <asp:Calendar ID="MonthCalendar0" runat="server" 
                        Width="140px" onselectionchanged="MonthCalendar_SelectionChanged" 
                        SelectedDate="06/24/2009 13:33:56" style="text-align: center">
                    </asp:Calendar>
                    </a></li>
                </div>
		</div>
	</div>
	<div id="footer"></div>
</div>


    </form>


</body>
</html>
